﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Sisocana.Core.Models.SiteModel>" %>



<%
  /*creo algo para serializar el contenido de las variables del back*/
  var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
%>
    
    <script src="<%: Url.Content("~/Scripts/photoPreviewHtml5.js") %>" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {            
            photoPreview("logo-holder", "logo");
           
           
            //serializo el contenido de las masters
             masters = <%= serializer.Serialize(ViewData["Masters"]) %>;
            //serializo el contenido de las css
             csss = <%= serializer.Serialize(ViewData["Csss"]) %>;

            init(masters,csss);     
            //evento de actualizacion de los combos
            $('#dlMp').change(function () {                     
                    loadComb();
            });            

            //evento de actualizacion de los combos
            $('#dlCss').change(function () {                                  
                    loadDesc();
            });
            


              $("button, input:submit , input:file ").button();
        });


        function loadComb(){
        
                var mastersel = $('#dlMp').val();                
                var masterdesc = $('#dlMpD');
                

                /*actualizo las descripciones de la master*/ 
                for(i=0;i<masters.length;i++){    
                     if (masters[i].nombre == mastersel){                       
                        masterdesc.text(masters[i].desc);  
                        break;
                     }   
                 }
                 
                 optionsValues = '<select id="dlCss" name="name_css" >';
                 for(i=0;i<csss.length;i++){                      

                     if (csss[i].mpAso == mastersel){
                        optionsValues += "<option>"+csss[i].nombre+"</option>"  
                       
                     }   
                 }
                 optionsValues += '</select>';
                 options = $('#dlCss');
                 options.replaceWith(optionsValues);      
                 $('.someElement').removeAttr('disabled');       
        

                /*evento de actualizacion de los combos agrego otra vez porque como genero todo el select 
                cada vez se pierde el attach..*/
                  $('#dlCss').change(function () {                                  
                    loadDesc();
                  });

                loadDesc();
        
        }



        function init (masters,csss)
        {
        
            /*cargo el combo de las master lo hago asi para que slo haga una sustitucion en el dom es mas performante.*/
            var optionsValues = '<select id="dlMp" name="name_master" >';
            for(i=0;i<masters.length;i++){                      
               optionsValues += "<option>"+masters[i].nombre+"</option>"         
            }
            optionsValues += '</select>';
            var options = $('#dlMp');
            options.replaceWith(optionsValues);

             //coloco el otro como no enable...
            $('#dlCss').attr("disabled","disabled");

                  
            var mpD = "<%= ViewData["mpD"] %>";
            var cssD = "<%= ViewData["cssD"] %>";
     

            /*seteo los valores por default o los cargados*/
             $('#dlMp').val(mpD);

            /*cargo el otro disparando la funcion de carga...*/
            loadComb();

            /*seteo el default del otro*/
             $('#dlCss').val(cssD);
            loadDesc();
            
        
        }

        function loadDesc(){

         var cssdesc = $('#dlCssD');
         var csssel = $('#dlCss').val();    

          /*actualizo las descripciones de la master*/ 
          for(i=0;i<csss.length;i++){    
                     if (csss[i].nombre == csssel){                       
                        cssdesc.text(csss[i].desc);  
                        break;
                     }   
                 }
        }

</script>



<% using (Html.BeginForm("PconfVisual", "Site", 
                    FormMethod.Post, new { enctype = "multipart/form-data" }))
        {%>
    <%: Html.ValidationSummary(true) %>
       
        
        
        <%: Html.HiddenFor(model => model.id) %> 
        <div class="editor-label">
            <%: Html.LabelFor(model => model.name_master, "Select Master Page")%>
        </div>

        <div class="editor-field">
                <select id="dlMp" name="name_master">
                </select>
                <span id="dlMpD"></span>
        </div>
        <div class="editor-label">
            <%: Html.LabelFor(model => model.name_css, "Select Css File")%>
        </div>
        <div class="editor-field">
            <select id="dlCss" name="name_css">       
            </select>          
            <span id="dlCssD"></span>
        </div>
           
         
         
        <h4>Load the web logo</h4>

         <div class="editor-field">
           <div id="logo-holder"></div>
           <input id="logo" type="file" name="logo"/>
         </div>
           
           <br/>
        
        <div class="editor-field">
        <%: Html.CheckBox("wp",false)%>
        <%: Html.Label("Generate Web Preview") %>
        </div>
        <br />          

       <input type="submit" value="Save" />
       
       
<% } %>

<div>
    <br />
    <br />
    <%: Html.ActionLink("Back to List", "Index") %><br />
    (or perhaps you want to <%: Html.ActionLink("load a new master page", "LoadMasterPageAndCss", new { id = Model.id })%>)
</div>

